import Vue from 'vue'

// import VueRouter from "vue-router";
import VueRouter from "./myrouter"
import input from './input.vue'

Vue.use(VueRouter)
//  Vue 是怎么 实现的 多次Vue.use 只有一个能起作用?
//  就是把之前use过的插件 都放到一个数组里边, 然后每一次use的时候 先去判断 这个插件在不在数组种
// 在的话就证明之前use过 , 下边代码就不再执行了
// console.log(Vue.use)

export default new VueRouter({
  // mode:'history',
  base:'/',
  linkActiveClass:'current', // 默认 router-link-active
  linkExactActiveClass:'qqqq', // 默认 router-link-exact-active
  routes:[
    // {
    //   path:'/',
    //   redirect:'/input'
    // },
    {
      path:'/input',
      name:'Input',
      component:()=>import(/* webpackChunkName: "input" */ './input.vue')
      // component:input
    },
    {
      path:'/list',
      name:'LIST',
      component:()=>import(/* webpackChunkName: "list" */ './list.vue'),
      // children:[
      //   {
      //     path:'/list/a',
      //     name:'list_a',
      //     component:()=>import (/* webpackChunkName: "list_a" */ './a.vue'),
      //   }
      // ]
    }
  ]
})